<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘票票</title>
	<link rel="stylesheet" href="../public/css/bootstrap.min.css">
	<link rel="stylesheet" href="../public/css/layout.css">
	<link rel="stylesheet" href="../public/css/theatre.css">
	<script type="text/javascript" src="../public/js/vue.js"></script>
</head>
<body>
#{header user:user/}
<article>
		<div class="movie-path center">
			<a href="home.html">首页</a>
			>
			<a href="theatre.html">影院</a>
			> 广州
		</div>
		<div class="center">
			<div class="cinema-wrap center">
				<div class="filter-wrap">
					<label>搜索</label>
					<div class="search-wrap">
						<input type="text" placeholder="请输入影院名称/关键字" class="search-input" />
						<a href="#">查询</a>
					</div>
				</div>
				<div id="cinema-list">
					<cinema-model v-for="item in items" :cinema-data="getData($index)"></cinema-model>
					<script type="text/x-template" id="tem-cinema">
						<div class="cinema-i">
							<div class="cinema-img">
								<a href="#">
									<span>
										<img src="../public/img/c_01.jpg" height="120" width="120" alt="">
									</span>
								</a>
							</div>
							<div class="detail-middle">
								<div class="detail-h">
									<h4>
										<a href="#">{{cinemaData.name}}</a>
									</h4>
								</div>
								<div class="detail-p">
									<div class="p-list">
										<i>地址：</i>
										<span>{{cinemaData.location}}</span>
									</div>
									<div class="p-list">
										<i>电话：</i>
										<span>020-81801250</span>
									</div>
								</div>
							</div>
							<div class="right-i">
								<div class="score">
									评分：
									<strong>{{cinemaData.score}}</strong>
								</div>
								<div class="right-buy">
									<a href="#">选座</a>
								</div>
							</div>
						</div>
					</script>
						
					<div class="sortbar-more">
						<div class="cinema-more">
							<a href="#">加载更多</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</article>
	<footer>
		<div class="center foot-wrap">
			<div class="foot-middle">
				<h1>淘票票</h1>
				<dl>
					<dt>选座购票流程</dt>
					<dd><a href="#">选择影片和场次</a></dd>
					<dd><a href="#">选择中意的座位</a></dd>
					<dd><a href="#">支付并收到取票短信</a></dd>
				</dl>
				<dl>
					<dt>取票流程</dt>
					<dd><a href="#">收到取票短信</a></dd>
					<dd><a href="#">影院自助取票</a></dd>
					<dd><a href="#">短信重发方式</a></dd>
				</dl>
				<dl>
					<dt>常见问题</dt>
					<dd><a href="#">是否支持退换票</a></dd>
					<dd><a href="#">填错手机号怎么办</a></dd>
					<!-- <dl><a href="#"></a></dl> -->
				</dl>
				<dl>
					<dt>关于我们</dt>
					<dd><a href="#">张国彬</a></dd>
					<dd><a href="#">陈晓霞</a></dd>
					<dd><a href="#">黄家健</a></dd>
					<dd><a href="#">黄宝多</a></dd>
				</dl>
			</div>
			<div class="foot-bottom">
				<p>@ 2016 数据库课程设计 张国彬小组所有</p>
			</div>
		</div>
		
	</footer>
	<script src="../public/js/jquery-1.9.1.min.js"></script>
	<script src="../public/js/bootstrap.min.js"></script>
	<script src="../public/js/theatre.js"></script>
</body>
</html>